html {
  font-family: Helvetica;
  font-size: 26.66667vw;
  height: 100%; }

body {
  height: 100%;
  font-size: 0.14rem; }

.container {
  height: 100%;
  display: flex;
  flex-direction: column; }
  .container header {
    height: 0.45rem;
    text-align: center;
    line-height: 0.45rem;
    background: #00b38a;
    font-size: 0.18rem;
    color: white; }
  .container main {
    flex: 1; }
  .container nav {
    background: #f6f6f6; }
    .container nav ul {
      display: flex; }
      .container nav ul li {
        flex: 1;
        line-height: 45px;
        display: inline-block;
        text-align: center;
        font-size: 16.768px; }
        .container nav ul li i {
          font-family: "iconfont" !important;
          font-style: normal;
          margin-right: 2px; }

@font-face {
  font-family: "iconfont";
  src: url("../libs/iconfont.woff2") format("woff2"), url("../libs/iconfont.woff") format("woff"), url("../libs/iconfont.ttf") format("truetype"); }

h1 {
  font-size: 30px;
  color: blue; }

html,
body,
ul,
li {
  margin: 0px;
  padding: 0px; }
